<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/style.css">
	<script src="js/index.js"></script>
</head>
<body>
<div id="container">
    <div id="list" style="left: -600px;">
        <img src="img/555.jpg" alt="1"/>
        <img src="img/111.jpg" alt="1"/>
        <img src="img/222.jpg" alt="2"/>
        <img src="img/333.jpg" alt="3"/>
        <img src="img/444.jpg" alt="4"/>
        <img src="img/555.jpg" alt="5"/>
        <img src="img/111.jpg" alt="5"/>
    </div>
    <div id="buttons">
        <span index="1" class="on"></span>
        <span index="2"></span>
        <span index="3"></span>
        <span index="4"></span>
        <span index="5"></span>
    </div>
    <a href="javascript:;" id="prev" class="arrow">&lt;</a>
    <a href="javascript:;" id="next" class="arrow">&gt;</a>
</div>
</body>
</html>